/* Sitecore Default Stylesheet */

html {
	height:100%;
	
}
body {
	margin:0px;
	padding:0px;
	width:99.9%;
	height:100%;
}

hr {color:#dddddd;background-color:#dddddd;height:1px;border:none;}
#MainPanel {
	background:#e9e9e9;
	text-align:center;
	height:100%;
}

#CenterColumn {
	text-align:left;
	margin:auto;
	width:800px;
}

#homeBannerContainer {
	margin:-29px 0 0 -12px;
	width:101%;
	overflow:hidden;
	max-height:160px;
}

* html div#homeBannerContainer { 
   height: expression( this.scrollHeight > 159 ? "160px" : "auto" ); /* sets max-height for IE */
}

#homeBanner {
	
float:left;
	width:75%;
	max-width:888px;
	overflow:hidden;
	border-right:5px solid #d2e492;
}

.homeBannerIcon{border:0;
margin:0 2px 0 2px; float:left;
}

.homeBannerItem{
margin:0;
padding:8px 3px 3px 0px;
 font-size:.75em; height:67px;
}

.homeBannerItem strong{font-size:.85em}

#calendar{border:0;
margin:10px;
}

#Banner {
	background:white;
	border-bottom:1px solid #bfbfbf;
	padding:8px;
}

#highlight{float:right}
.content {
	background:white;
	margin:10px 0px 0px 0px;
	border-bottom:1px solid #bfbfbf;
	padding:16px 16px 48px 16px;
	

}

#tagline{color:#999966; padding:5px;border:1px solid #73705d; position:relative; margin-left:-11px;margin-right:-11px;margin-bottom:7px; background-color:#E8E8D0}

.copyright {
color:#000000; text-decoration:none;}

/* typography and color */

html, body {
	margin:0;
	padding:0;
}
body {
	min-width: 630px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/left_bg_new.ashx);
	background-repeat:repeat-y;
	background-position:10px;
	background-color:#f4f6e8;
}
h1 {
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3 {font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*p{
 margin:10px 10px}*/

						/*** Header ***/
						
				/*** Header Utilities ***/
#utilities img {
	margin-top:8px;
}
#utilities {

	text-align:right;
	background-color:#d2e390;
	width:100%;
	position:relative; /* not sure if you need this */
	font-size:.8em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006600;
	padding:0 0 4px 0;
}
#utilities a {
	text-decoration:none;
	text-align:right;
	width:100%;
	background-color:#d2e390;
	position:relative; /* not sure if you need this */
	font-size:.8em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	padding:0px 5px 0px 5px;
}
#utilities a:hover {
	color:#FF0000;
}
#page_title {
	position:absolute;
	left:275px;
	top:83px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	z-index: 8;
}
/*** Search ***/
.SearchSiteSubmit {
	border: 3px double #006600;
	border-right-color: #888673;
	border-bottom-color: #888673;
	border-top-color: #d1cdb0;
	border-left-color: #d1cdb0;
	padding: 0.01em;
	background-color: #f4f5e7;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/go_button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.SearchSite {
	height:14px;
	width:130px;
	margin-top:-2px;
	
}

.SearchArea {
float:right
}

.SearchArea input{
margin:0;
}

.SearchArea label{padding-left:20px}

div#header {
	line-height:80px;
	color: #79B30B
}
#header {
	background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/header_bg.ashx);
	clear: both;
	position:relative;
	top:0px;
	height:115px;
	font-size: large;
	padding: 0
}
#img_h {
	margin-left: 0px;
	margin-top: 5px;
}
#wrapper {
	background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/right_bg.ashx);
	background-repeat:repeat-y;
	background-position:right;
}
/*** Center Column ***/
div#content {
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #73705d;
	overflow:auto;
}
.content p {
	line-height:1.4
}
.homeNews {
	font-size:.8em;
	padding:15px 0px 0px 10px;
	clear:both;
	display: inline-block
	width:100%;

}
.homeNews p{
margin:1em 0px 0px 0px}
.homeNews h2 {
	margin:0px;
}
.homeNews .homeNewsImage {
	border:1px solid #73705d;
	clear:both;
	margin:0px 15px 8px 0px;
}

/* News Styles */

.newsNavBar
{
  /*  border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: Black;*/
    text-align: right;
    clear: both;
}

.newsNavBar ul
{
}

.newsNavBar li
{
    list-style: none;
    display: inline;
    margin: 0 .25em;
}

.newsNavBar a{
text-decoration:none;
font-weight:bold;
}

.newsListItem
{
    clear: both;
}

.newsListItem h2{
font-size: .9em;
}

.newsListItem .image
{
    float: left;
    margin: 0 1em 0 0;
	
}
.newsListItem .image img
{
border: 3px double #CEC697;	
}

.newsListItem .image p
{
    text-align: left;
    font-style: italic;
    margin: .5em 0;
	font-size:.8em
}

.newsListItem h2
{
    clear: both;
}

.newsDetail .image
{
    float: left;
    margin: 0 1em 0 0;
}

.newsDetail .image p
{
    text-align: center;
    font-style: italic;
    margin: .5em 0;
}

/* End News Styles */

/*** Left Column ***/	
				/*** MENU ***/
#menu {
	font-family:Arial, Sans-Serif;
	margin:0 0 0 0px;
	border-top:4px solid #d9d5ba;
	padding: 0px 0px 5px 0px;
	font-size:.9em;
	font-weight:bold;
	background-color:#ebebd3;
	position:relative;
}

#navigation
{
   }
#menu li a {
	color:#722617;
	text-decoration:none;
}
#menu li {
	padding-left:5px;
	padding-right:0px;
	list-style-type:none;
	border-top:1px solid #C1B9AA;
}
#menu li a:hover {
	color:#ff0000;
}
#menu li ul {
	margin-left:-5px;
	padding-left:0;
}

#homeMenu {
	font-family:Arial, Sans-Serif;
	margin:0 0 0 0px;
	border-top:4px solid #d9d5ba;
	padding: 0;
	font-size:.9em;
	font-weight:bold;
	background-color:#ebebd3;
	position:relative;
	width:170px;
}

#homeMenu li a {
	color:#722617;
	text-decoration:none;
}


#homeMenu li {
	padding-left:5px;
	padding-right:0px;
	padding-bottom:4px;
	padding-top:5px;
	list-style-type:none;
	border-top:1px solid #C1B9AA;
}
#homeMenu li a:hover {
	color:#ff0000;
}
#homeMenu li ul {
	margin-left:-5px;
	padding-left:0;
}

#homeMenu li ul li{
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:-10;
	list-style-type:none;
	border-top:1px solid #C1B9AA;
}

.sub_menu {
	background-color:#d9d5ba;
	font-weight:normal;
	font-size:.9em;
}
.listHeader {
color:#A7A873;
margin-bottom:0; 
}

#content ul {
margin-top:0;
margin-bottom:10px;
}

#content ul li {
	padding:2px;
	list-style-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/list_box.ashx);
	text-align:left;
}

#content ul.fileListNoTopLevelBullets li{
padding:2px;
	list-style-image: none;
	list-style-type:none;
	text-align:left;
}

#content ul.fileListNoTopLevelBullets {
padding-left:0;
	margin-left:0px
}

#content ul.fileListNoTopLevelBullets li ul.fileListNoTopLevelBullets li{
padding:2px;
	list-style-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/list_box.ashx);
	text-align:left;
	margin-left:38px
}

#content #scfRadioButtonListGeneralPanel ul li {
	padding:2px;
	list-style-image: none;
	list-style-type:none;
	text-align:left;
	color:#3399FF
}

/*.list li {
	padding:2px;
	list-style-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout Images/list_box.ashx);
	text-align:left;
}*/

.ordered_list li {
	padding:2px;
	text-align:left;
}

li.column1 { margin-left: 0em; }
  li.column2 { margin-left: 10em; }
  li.column3 { margin-left: 20em; }
  

  li.column1, li.column2, li.column3
  {
    line-height: 1.2em;
  }

  li.reset
  {
   
	
  }



div#navigation {
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/left_bg_new.ashx);
	background-repeat: repeat-y;
}
/*** Right Column ***/
						
				/*** Login Box ***/	
.whats_this {
	padding:5px;
	margin-right:-7px;
}
.whats_this a {
	color:#CCFF99;
	font-size:9px;
}
#login_box {
	background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/login_bg_new.gif );
	background-repeat:no-repeat;
	margin:15px 0px 15px 0px;
	padding:0px 7px 0px 7px;
	font-size:.8em;
	height:1%;
}

.sideLoginTextBox
{
   width: 81px; 
   font-size: 10px;
}
/*** Spotlight ***/
#events {
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/submenu_header_bg.ashx);
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding: 5px ;
	border:1px solid #73705d;
	font-size:.8em;
}

#spotlight {
margin-top:29px;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/submenu_header_bg.ashx);
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding: 5px 0 5px 0;
	border:1px solid #73705d;
	font-size:.8em;
	
}
#spotlight p{
	padding:0;
	margin:0
}
#spotlight .pad{padding:5px 10px 10px 10px}

#events h3{ font-family: 'Yanone Kaffeesatz', arial, sans-serif; margin:0; padding:0 0 15px 0; font-size:2em; color:#006600; text-transform:uppercase; }

/*background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/head_bg.ashx); background-position:center}
*/
.spotlight {
	list-style-type: none;
	margin:0px;
	padding:0 0 15px 0;
	width:140px;
	font-size:.9em;
}

.spotlightListItem{
padding:5px 10px 5px 10px;
}



.spotlight h1 {
	margin-top:-2px;
	margin-bottom:-13px;
	color:#746856;
	padding:0px;
}
.spotlightSubheading {
font-size:0.95em;
margin:0;padding:5px 0 0 10px
}

.spotlightHeading {
font-size:0.95em;
margin:0;
 color:#746856;
 padding:12px 0 0 5px}
 
.sidebar {
	list-style-type:none;
	padding:3px 0px;
}

#quickLinks{
border:1px solid #d9d5ba; 
font-size:.75em; 
padding:2px 2px 7px 2px; 
background-color:#ffffff;
line-height:2em;
width:164px;
}

#quickLinks h2{ font-family: 'Yanone Kaffeesatz', arial, sans-serif; margin:0; padding:0 0 0 5px; font-size:1.5em; color:#006600; text-transform:uppercase; background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/head_bg.ashx); background-position:center}

#quickLinks ul{ margin:0; padding:5px 0 0 0; list-style-type:none }

#quickLinks ul li {padding: 0 5px 0 5px}

/*div#extra {
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout Images/right_bg.ashx);
	background-repeat: repeat-y;
}*/
/*** Footer ***/

.footer {
	padding-top:10px;
	padding-left:198px;
	padding-right:183px;
	padding-bottom:10px;
	font-size:.8em
	
}
/*** Container ***/
#container {
	padding-left: 0px;
	padding-right: 0px;
	/*background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout Images/right_bg.ashx);
	background-repeat:repeat-y;
	background-position:right;*/
}


#container {
 padding-left: 0px;
 padding-right: 0px;
 background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/right_bg.ashx); 
 background-repeat:repeat-y; 
 background-position:right;}
 
#container .column {
	position: relative;
	float: left;
	background:#f4f6e8;
}
/*** Image Styles ***/
.l_image {
	border: double 3px #CCCC99;
	float:left;
	margin-right:10px;
}
.l_image_content {
	float:left;
	margin-right:10px;
}
.left_image {
	border: double 3px #CCCC99;
	float:left;
	margin-right:10px;
}

.right_image {
	border: double 3px #CCCC99;
	float:right;
	margin-left:10px;
}
.left_image_borderless {
	float:left;
	margin-right:10px;
}

.right_image_borderless {
	float:right;
	margin-left:10px;
}
/*** Table Styles ***/

#content table {
}
#content table  td {
	padding:3px;
	vertical-align:top
}
.table_lined {
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}
.table_lined td {
	border-top:1px solid #eeeeee;
	padding:5px;
	vertical-align:top
}
.table_lined_content {
	border-width:1px;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}
.table_lined_content td {
	border-width:1px;
	border-top:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	vertical-align:top
}
.table_reduce th {
	font-size:.8em;
}
.table_reduce td {
	font-size:.8em;
}
.button, input.login {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin:.2em;
}

.loginform fieldset {
  margin-bottom: 10px;
  width:95%;
}
.loginform legend {
  padding: 0 2px;
  font-weight: bold;
  color: #000000;
  margin: 0 -7px; /* IE Win */
}
.errors, .failureText {
color:#CC0000;
font-style:normal;
}

legend.scfSectionLegend{
  display: inline-block;
} /* IE Win */

/* Web Forms for Marketers Styling*/
/* 
<fieldset class="scfSectionBorderAsFieldSet">
		<legend class="scfSectionLegend">
			test
		</legend><div class="scfSectionUsefulInfo">
			
		</div><div class="scfSectionContent">
	*/	
/* IE Mac legend fix */

.loginform  {
font-size:.8em;
margin-bottom:12px;
}
.loginform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.loginform fieldset ol {
  margin: 10px 0px 0px 0px;
  padding: 0;
  
}
.loginform fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.loginform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.loginform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.loginform fieldset fieldset label {
  display: block;
  width: auto;
}

.loginform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.loginform label {
  width: 6em; /* Width of labels */
  line-height:1em;
}
.loginform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.loginformbutton{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0em;
background-color: #FFFFFF;
background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/button_bg.ashx);
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:.5em;
}



.content_button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.15em 0em;
	background-color: #FFFFFF;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 55%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin:.2em;
}
.login_button {
	border: 3px double #888673;
	border-top-color: #d1cdb0;
	border-left-color: #d1cdb0;
	background-color: #f4f5e7;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/login_button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left:2px;
	padding:0em;
	width:5.5em;
}
.search_button {
	border: 3px double #888673;
	border-top-color: #d1cdb0;
	border-left-color: #d1cdb0;
	background-color: #f4f5e7;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/go_button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin:0px;
}

div#navigation img#gradient {
	margin:0;
	padding:0;
}
div#navigation img#clock {
	margin:0;
	padding:0;
}
/* key structural specifications for the table-less layout, aka "the liquid 3 column layout" */

div#wrapper {
	float:left;
	width:100%;
	
} /* float the wrapper div and the content within it to the left */
div#content {
	margin: 0pt 180px 0pt 190px;
	overflow:visible;
	min-height:424px;
} /* specify left margin width to make a place for the navigation div and specify right margin width to make a place for the extra div  */
div#navigation {
	float:left;
	width:180px;
	padding-left:10px;
	margin-left:-100%;
} /* float the navigation div left then use negative margin to position it in the space provided by the content div's right margin */
#menu {
	width:170px;
} /* specify dimensions of menu that is nested within the navigation div */
div#extra {
	float:left;
	width:160px;
	margin-left:-172px;
	
} /* float the extra div left the use a negative margin to position it in the space provided by the content div
s right margin */
div#footer {
	clear:left;
	width:100%;
	margin-bottom:10px;
} 
/*.footer{
padding:10px;}*/
/* clear the previous float */
.errors {
	color:#CC0000;
	font-size:.8em;
}

.red {
	color: #f00;
}
.l_column {
	float:left;
	width:45%
}
.r_column {
	float:right;
	width:45%
}
.r_image {
	float:right;
	border: 3px double #CEC697;
}
.l_image {
	float:left;
	border: 3px double #CEC697;
}
.image {
	border: 3px double #CEC697;
}
.answer_cal td {
	border:1px solid #ededed;
}

#column1{
float:left;
}

#column2{
padding-left:10px;
float:left;
border-left:1px solid #ededed;
border-right:1px solid #ededed;}

#column3{padding-left:10px;
float:left;
}
.sitemapCol{width:30%; font-size:.8em

}
.sitemapCol ul{
margin:0; 
}


.sitemapCol h2{
margin: 5px 0 2px 0;
}


#column1 ul li, #column2 ul li, #column3 ul li{
list-style-type:none;
list-style-image:none;
}

#column1 ul, #column2 ul, #column3 ul{
padding:0;
margin:0 5px 0 5px;
}

#ORPSpotlight ul{
padding:0;
margin:0 5px 0 0;
}

.breadcrumbs{font-size:.8em;}

/*FAQs*/
.handcursor{
cursor:hand;
cursor:pointer;
 
}
.handcursor{margin:5px}
 
u{color:#0000FF;
font-weight:normal}
.switchgroup1{margin-left:20px;margin-bottom:15px;}

#tertiaryMenu {
font-size:.8em; background-color:#fff 
}
#tertiaryMenu h1{
margin-bottom:1px;
}
#tertiaryMenu  ul {
	padding-left:0;
	padding-right:0;
	margin-left:0px
}
#tertiaryMenu ul li {
	list-style-image:none;
}
#tertiaryMenu li {
	list-style-type:none;
	border-top:1px solid #C1B9AA;
}
#tertiaryMenu li a {
	color:#722617;
	text-decoration:none;
}
#tertiaryMenu li a:hover {
	color:#ff0000;
}

.iFrameCareer iframe{
width:562px; 
height:800px;
}

.iFrameSmallCentered{
width:100%;
height:auto;
margin: 0 auto 0 auto;
}

.iFrameSmallCentered iframe{
width:100%;
height:500px;
}

 
#campusNoticeSystem{
margin-top:-40px;
}
#campusNoticeSystem h2{
}
.campusNotice{
color:#FF6600;
}

.campusWarning{
color:#FF0000;
}

.scfForm ul {
	list-style-type:none;
	list-style-image:none;
}

.scfForm ul li {
	list-style-type:none;
list-style-image:none;
}

.scfCheckBoxList li {
	list-style-type:none;
	list-style-image:none;
}

.scfForm li {
	list-style-type:none;
	list-style-image:none;
}

.lblUserName, .lblPassword{
width:7em;
display:inline-block;
}

.password, .userName{
width:9em;
display:inline-block;
margin-bottom:2px;
}

#loginButton{ margin:17px 0 17px 0}

#emailPanel{ margin:0 0 6px 0}

.sidebarButton {
margin: 0px 0px 5px 0px;padding: 0;
}

#alerts{
border:1px solid #999966; 
font-size:.7em; 
padding:5px; 
background-color:#d2e492;
}

#alerts h3 {margin:0;font-size:1.1em; color:#0f6f30}

.clear{clear:both}

#collegeInfo{font-size:0.8em}

#menuFooter{padding:5px;font-size:.7em; background-color:#FFFFFF;background-image:url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/clock_sil.ashx); background-repeat:no-repeat;height:258px;width:160px}

.noBottomMargin{
margin-bottom:0}

#extra{background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/right_bg.ashx); background-position:-11px;}

/* Form Layout */
/* Form */
.scfForm
{
	height: 100%;
	width: 95%;
	text-align: left;	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	LINE-HEIGHT: 1.4em;	
	font-size:.8em;
}

/* Form Title*/
.scfTitleBorder
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 5px 0pt;
	text-decoration: none;
	font-weight: bold;
}

/* Form Introduction*/
.scfIntroBorder
{
}

/* Form Footer*/
.scfFooterBorder
{
}

/* Submit Button*/
.scfSubmitButtonBorder
{	

}

/* Error */
.scfError
{
}

/* Validation */
.scfValidationSummary
{
}

.scfValidatorRequired,
.scfRequired
{
	margin: 0px 0px;
	float : right;
}

.scfValidator
{
	margin: 0px;
	display:block;
	clear:both;
	
}

.scfValidatorContainer{
clear:both; margin-left:155px;}
.scfState .scfValidatorContainer{
clear:none; margin-left:0;}
/* Forms section*/
.scfSectionBorderAsFieldSet
{
	padding: 0 px 15px 15px 15px;
	border: 0px;
	border-top: solid 1px;
	margin:0px 30px;
}

.scfSectionLegend
{
	padding: 7px 13px 8px 0px;
	font-weight: bold;
	text-decoration: none;
}

.scfSectionBorder
{
	margin:0px;
	padding: 0px;
	width: 100%;
}



.scfSectionContent
{
    padding: 0 0 0 10px;
	width: 100%;
	float: left;
}

.scfSectionUsefulInfo
{
	width: 100%;
	/*padding: 5px 0px 0px 20px;*/
	vertical-align:top;
	/*display:inline;*/
}

/* Form fields */
/* Checkbox */

.scfCheckboxBorder
{
	clear:left;
	text-align: left;
	display: block;
	margin: 5px 0px;
	width: 100%;
}

.scfCheckbox
{
	width: 70%;
	display: block;
	padding:0px 0px;
	margin:0 0 0 0;	
}

.scfCheckboxUsefulInfo
{
	font-size:0.9em;
	display: block;
	width:90%;	
	padding:0px 3px;
}

/* Label */
.scfLabel
{
	width: 100%;
	display: block;
}

.scfListBoxGeneralPanel,
.scfDropListGeneralPanel
{
	margin: 0px 3px 0px 0px;
	width: 61%;
	display: block;
	float:left;
}

.scfListBox,
.scfDropList
{
	width:100%;
	margin:0px;
	margin-left:6px;
}

.scfMultipleLineTextBox
{
	width:100%;
	margin:0px 0px 10px 0px;
	height: 150px
}


.scfDropListBorder,
.scfEmailBorder,
.scfMultipleLineTextBorder,
.scfSingleLineTextBorder,
.scfPasswordBorder,
.scfNumberBorder,
.scfDateBorder,
.scfRadioButtonListBorder,
.scfListBoxBorder,
.scfCheckBoxListBorder,
.scfFileUploadBorder,
.scfDateSelectorBorder
{
	clear:left;	
	text-align: left;
	display: block;
	margin: 5px 0px;
	width: 500px;
	vertical-align: top;
}





.scfEmailTextBox,
.scfSingleLineTextBox,
.scfPasswordTextBox,
.scfNumberTextBox,
.scfDateTextBox,
.scfRadioButtonList,
.scfListBox,
.scfCheckBoxList,
.scfFileUpload
{
	width:100%;
	margin:0px;
}

.scfCheckBoxList
{
    padding-bottom:10px;
}

.scfDropListLabel,
.scfEmailLabel,
.scfMultipleLineTextLabel,
.scfSingleLineTextLabel,
.scfPasswordLabel,
.scfNumberLabel,
.scfDateLabel,
.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfListBoxLabel,
.scfFileUploadLabel,
.scfDateSelectorLabel
{
	padding: 3px 0px;
	width: 150px;
	display: block;
	float: left;
}

.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfSingleLineGeneralPanel,
.scfPasswordGeneralPanel,
.scfNumberGeneralPanel,
.scfDateGeneralPanel,
.scfRadioButtonListGeneralPanel,
.scfCheckBoxListGeneralPanel,
.scfFileUploadGeneralPanel,
.scfDateSelectorGeneralPanel
{
	margin: 0px 3px;
	width: 60%;
	display: block;
	float:left;
}

.scfDropListUsefulInfo,
.scfEmailUsefulInfo,
.scfMultipleLineTextUsefulInfo,
.scfSingleLineTextUsefulInfo,
.scfPasswordUsefulInfo,
.scfDateUsefulInfo,
.scfRadioButtonListUsefulInfo,
.scfListBoxUsefulInfo,
.scfCheckBoxListUsefulInfo,
.scfFileUploadUsefulInfo,
.scfDateSelectorUsefulInfo
{
	padding-left:3px;
	font-size:0.9em;
	width:100%;	
	display:block;
	float:left;
	margin: -10px 0px 10px 0px; 
}

.scfDateSelectorUsefulInfo, .scfNumberUsefulInfo
{
    margin: 0px 0px 10px 0px; }


.scfDateSelectorDay,
.scfDateSelectorMonth,
.scfDateSelectorYear
{
	width:33%;
	margin:0px;
}

/*ul
{
	margin : 0px 0px 0px 40px;
	padding : 0px;
}*/




.activities .scfMultipleLineTextBorder, 
.activities .scfSingleLineTextBorder
{
	float:left;
	clear:none;	
	text-align: left;
	display: block;
	margin: 5px 3px 5px 0px;
	width: 21%;
	vertical-align: top;
}
.activities .scfNumberBorder
{
	float:left;
	clear:none;	
	text-align: left;
	display: block;
	margin: 5px 3px 5px 0px;
	width: 4em;
	vertical-align: top;
}
.activities .scfDateSelectorBorder
{
	float:left;
	clear:none;	
	text-align: left;
	display: block;
	margin: 5px 3px 5px 0px;
	width: 25%;
	vertical-align: top;
}
.activities .scfMultipleLineGeneralPanel, 
.activities .scfSingleLineGeneralPanel,
.activities .scfDateSelectorGeneralPanel
{
	margin: 0px 3px;
	width: 90%;
	display: block;
	float:left;
}
.activities .scfDateSelectorDay
{
    width:3em; 
    float:left;
}
.activities .scfDateSelectorMonth
{
    width:4em;
    float:left;
}
.activities .scfDateSelectorYear
{
    width:4em;
    float:left;
}
.activities .scfDateSelectorLabel, 
.activities .scfNumberLabel,
.activities .scfMultipleLineTextLabel,
.activities .scfSingleLineTextLabel
{
	padding: 3px 0px;
	width: 100%;
	display: block;
	float:none;
	height:4em;
}

.activities .scfSingleLineTextUsefulInfo
{
    margin: 0px 0px 10px 0px;
    width: 100%; 
    font-size:.9em
}


/* Form Colors */

/* Form */
.scfForm
{
}

/* Form Title*/
.scfTitleBorder
{
	color : #9B956A;
}

/* Form Introduction*/
.scfIntroBorder
{
}

/* Form Footer*/
.scfFooterBorder
{
margin-left:40px;
}

/* Submit Button*/
.scfSubmitButtonBorder
{
}


.scfSubmitButtonBorder input
{border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: url(http://www.craftonhills.edu/~/media/Images/SBCCD/CHC/Layout/button_bg.ashx);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 85%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: .2em .2em .2em 163px;
}

.scfSubmitButton
{
}

/* Validation */
.scfError,
.scfValidationSummary
{
	color: #990000;
}

.scfRequired
{
	color : red;
}

/* Forms section*/
.scfSectionBorderAsFieldSet
{
	border-top-color :	#dddddd;	
}

.scfSectionLegend
{
	color : #000000;
}

.scfSectionBorder
{
}

.scfSectionContent
{
}


.scfSectionUsefulInfo
{
}

/* Form fields */
/* Checkbox */
.scfCheckboxBorder
{
}

.scfCheckbox
{
}

.scfCheckboxUsefulInfo
{
	color:#666666;
}
/* DropList */
.scfDropListBorder
{
}

.scfDropListLabel
{
}

.scfDropList
{
}

.scfDropListUsefulInfo
{
	color:#666666;
}
/* Email */
.scfEmailBorder
{
}

.scfEmailLabel
{
}

.scfEmailTextBox
{
}

.scfEmailUsefulInfo
{
	color:#666666;
}
/* Label */
.scfLabel
{
}
/* Multiple-Line Text */
.scfMultipleLineTextBorder
{
}

.scfMultipleLineTextBox
{
}

.scfMultipleLineTextLabel
{
}

.scfMultipleLineTextUsefulInfo
{
	color:#666666;
}
/* Password */
.scfPasswordBorder
{
}

.scfPasswordTextBox
{
}

.scfPasswordLabel
{
}

.scfPasswordUsefulInfo
{
	color:#666666;
}

/* Single-Line Text */
.scfSingleLineTextBorder
{
}

.scfSingleLineTextBox
{
}

.scfSingleLineTextLabel
{
}

.scfSingleLineTextUsefulInfo
{
	color:#666666;
}
/* Number */
.scfNumberBorder
{
}

.scfNumberTextBox
{
}

.scfNumberLabel
{
}
.scfNumberUsefulInfo
{
	color:#666666;
}

	/* DateTime */
.scfDateBorder
{
}

.scfDateTextBox
{
}

.scfDateLabel
{
}

.scfDateUsefulInfo
{
	color:#666666;
}

	/* Radio Button List */
.scfRadioButtonListBorder
{
}

.scfRadioButtonList
{margin : 0px 0px 0px 0px;
	padding : 0px;
}

#content ul.scfRadioButtonList li {
	padding:2px;
	list-style-image: none;
	text-align:left;
}

.scfRadioButtonListLabel
{
}

.scfRadioButtonListUsefulInfo
{
	color:#666666;
}

/* ListBox */
.scfListBoxBorder
{
}

.scfListBox
{
}

.scfListBoxLabel
{
}

.scfListBoxUsefulInfo
{
	color:#666666;
}

/* CheckBoxList */
.scfCheckBoxListBorder
{
}

.scfCheckBoxList
{
	margin : 0px 0px 0px 0px;
	padding : 0px;
}


#content ul.scfCheckBoxList li {
	padding:2px;
	list-style-image: none;
	text-align:left;
}

.scfCheckBoxListLabel
{

}

.scfCheckBoxListUsefulInfo
{
	color:#666666;
}

/* File Upload */
.scfFileUploadBorder
{
}

.scfFileUpload
{
}

.scfFileUploadLabel
{
}

.scfFileUploadUsefulInfo
{
	color:#666666;
}

.scfDateSelectorUsefulInfo
{
	color:#666666;
}

.shortSingleLine {
clear:left;

}


.shortSingleLine .scfDateSelectorLabel
{
	margin-right:4px;
}

.shortSingleLine .scfSingleLineTextBox {
width:10em;
}

.shortSingleLine .scfDateSelectorMonth{
width:4em;
margin-right:10px;
}

.shortSingleLine .scfDateSelectorDay{
width:3em;
margin-right:10px;
}

.shortSingleLine .scfDateSelectorYear{
width:5em;
margin-right:10px;
}

.shortSingleLine .scfDropList{
width:9em;
	margin:7px 0px 5px 6px;
}

.scfState{
clear:both;}

.scfState .scfDropList {
width:150px; }

.scfState .scfDropListGeneralPanel
{
	margin: 0px 0px 0px -3px;
	width: 163px;
	display: block;
	float:left;;
}

.scfZip .scfSingleLineTextLabel{
width:25px;}

.scfZip .scfSingleLineGeneralPanel{
width:100px;}

.scfZip .scfSingleLineTextBox {
width:82px;
clear:left;
	text-align: left;
	display: block;
	}
	
	.scfState .scfRequiredContainer{width:1em; float:left; margin:0 20px 0 0}
	.scfZip .scfRequiredContainer{width:26px; float:left;}
/*


.scfZip{
	text-align: left;
	display: inline;
	width: 100px;
	vertical-align: top;
	}
	
.scfState{	
	clear:both;
	float:left;	
	display: inline;
	width: 300px;
	border:1px solid red}
	
	.scfState .scfRequired{float:left}
	
.scfState .scfDropList {
width:12em;
clear:left;
	text-align: left;
	display: block;
	margin:0px 0px 5px 6px;
	padding:0;
	}

	

	*/
	
/* Academic Programs */

table#academicProgramIndex{width:35em; border-collapse:collapse;margin-top:10px;}
table#academicProgramIndex th{ text-align:left; padding:10px; border-bottom:1px solid #999966;  }
table#academicProgramIndex td{ padding: 10px;color:#000}
table#academicProgramIndex a{ color:#006699}
table#academicProgramIndex a:visited{ color:#006699}
table#academicProgramIndex .academicProgram:hover,
table#academicProgramIndex .academicDegreeOrCert:hover{	background:#EBECCE;}
.degree, .certificate {border-left:1px solid #999966; text-align:center }
.academicProgram, .academicDegreeOrCert{border-bottom:1px dotted #CCCC99}
.academicProgram{background-color:#F4F4E3;}
.academicProgram a, .academicDegreeOrCert a{ width:100%; display:block}

/* Assessment Calendar */
table#assessmentCalendar{border-collapse:collapse;}
table#assessmentCalendar th{background:#CCCC99; color:#FFFFFF; 
border:1px solid #cccc99;}
table#assessmentCalendar td{ 
border:1px solid #ddd;
font-size:.8em;
padding:10px;}